<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Examples</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<link href="../tools/bootstrap/css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/index.css">
	<link rel="stylesheet" href="../css/preferential.css">
	<link rel="stylesheet" href="../tools/font-awesome/css/font-awesome.css">

	<script src="../scripts/jquery.js"></script>
	<script src="../tools/bootstrap/js/bootstrap.min.js"></script>
	<script src="../scripts/projectJs/index.js"></script>

	<script src="../scripts/projectJs/preferential.js"></script>



</head>
<body>
	<div class="ky-navbar ky-navbar-default">
		<div class="ky-navbar-header">
			<img src="../images/logo.png" alt="">
			<p>新辣道后台管理平台</p>
		</div>
		<div class="ky-navbar-menu">
			<ul class="ky-nav ky-nav-pills">
				<li>
					<a href="#" class="ky-menu-primary  ky-menu-focus">门店管理</a>
				</li>
				<li>
					<a href="#" class="ky-menu-info">菜品管理</a>
				</li>
				<li class="ky-dropdown">
					<a href="#" class="ky-menu-warning">餐台管理</a>
					<ul class="ky-dropdown-menu ky-nav ky-nav-pills">
						<li><a href="#" class="ky-menu-warning">区域管理</a></li>
						<li><a href="#" class="ky-menu-warning">菜品管理</a></li>
					</ul>
				</li>
				<li>
					<a href="#" class="ky-menu-danger">打印管理</a>
				</li>
				<li>
					<a href="#" class="ky-menu-minor">优惠管理</a>
				</li>
				<li>
					<a href="#" class="ky-menu-success">报表分析</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="ky-container ">
		<div class="ky-title">
			<p>优惠管理</p>
			<div class="ky-title-right">
				<form class="navbar-form navbar-left" role="search">
					<div class="form-group">		
						<div class="input-group">
						  <span class="input-group-addon" id="basic-addon1"><i class="icon-search"></i></span>
						  <input type="text" class="form-control" placeholder="搜索" aria-describedby="basic-addon1">
						</div>
					</div>
				</form>
				<img src="../images/user.png" alt="">
				<span class="ky-user">李明</span>
				<img src="../images/logout.png"></div>


		</div>
		<div class="ky-content ">
			<p class="preferential-class">
				<img src="../images/preferential-type6.png"/>
				<span class="preferential-name otherCoupon-name">其他优惠 </span>
				<span class="preferential-desc">提供手工优免，合作单位优惠等其他优惠</span>
			<p>
			<ul class="nav-preferential other-preferential" id="nav-preferential-other">
				<li class="active" id="other-preferentail-type1">
					<span class="top"></span>
					<em></em>
					<a >手工优免</a>
					<span class="bottom"></span>
				</li>
				<li id="other-preferential-type2">
					<span class="top"></span>
					<em></em>
					<a>合作单位优惠</a>
					<span class="bottom"></span>

				</li>	
			</ul>	
			<!--手工优免-->
			<div id="other-preferential-content1">
				<div  class="manual-free-box">
					<p>优免原因：
						<button class="btn btn-default">客户投诉</button>
						<button class="btn btn-default">工作接待</button>
						<button class="btn btn-default">手工优免</button>
						<button class="btn btn-default btn-reasonAdd ">+ 添加原因</button>

					</p>
				</div>
				<div class="btn-operate">
					<button class="btn btn-cancel in-btn135">取消</button>
					<div  class="btn-division"></div>
					<button class="btn btn-save in-btn135 preferential-btn-bgcolor">确认</button>
				</div>

				
			</div>

			<!-- 合作单位优惠 -->
			<div id="other-preferential-content2" class="hidden">
				<div class="preferential-btn btn-add">
					<div class="btn-group" role="group" aria-label="...">
					  <button type="button" class="btn  btn-first">添加合作单位</button>
					  <button type="button" class="btn btn-second "><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
					</div>
				</div>					
				<table class="table  table-list">
					<thead>
						<tr>
							<th>序号</th>
							<th>单位名称</th>
							<th>折扣额</th>
							<th>是否可挂账</th>
							<th>有效期</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr class="odd">
							<td>1</td>
							<td>灵动信息技术科技有限公司</td>
							<td>8折</td>
							<td>是</td>
							<td>2014/01/01-2015/01/01</td>
							<td class="td-last">
								<div class="operate">
									<a>修改</a>
									<a>删除</a>
								</div>
							</td>
						</tr>
					
					</tbody>
				</table>
				<p class="paging">
					<a class="prev"><</a>
					<a>1</a>
					<a>2</a>
					<a class="active">3</a>
					<a>4</a>
					<a>5</a>
					<a>...</a>
					<a class="next">></a>

				</p>
			</div>
		</div>

	</div>

</body>
</html>

